*{
    padding: 0;
    margin: 0;
}

html,body{
    font-family: "Microsoft Yahei";
    height: 100%;
    background-color: #f5f5f5;
}

ul,li{
    list-style: none;
}

a{
    text-align: center;
    text-decoration: none;
    color: inherit;
}

h1,h2,h3,h4,h5,h6{
    font-weight: lighter;
    text-align: center;
}

@font-face {font-family: 'iconfont';
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:18px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

#main #header{
    position: fixed;
    width: 100%;
    height: 50px;
    z-index: 2;
    background-color: #303030;
    box-shadow: 0 0 4px #2d2d2d;
    background-image: url("../images/logo2.png");
    background-repeat: no-repeat;
    background-position: 20px 10px;
}

#main #header .feature{
    float: right;
    width: 125px;
    height: 50px;
    overflow: hidden;
    
}

#main #header li{
    width: 125px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    background-color: #323232;
    text-align: center;
    color: #ffffff;
}

#main #header li:hover{
    background-color: #e6614c;
    color: #fff;
}

#main #header .more_fun{
    display: block;
    height: 50px;
    line-height: 50px;
    color: #868686;
    border-left: 1px solid #414141;
    box-shadow: -1px -1px 1px #262626;
}

#main #aside{
    position: fixed;
    top: 50px;
    width: 200px;
    min-height: 980px;
    padding-top: 24px;
    background-color: #353535;
}

#main #aside .personal{
    font-size:18px;
}

#main #aside .guanli{
    font-size:18px;
}

#main #aside .tongxun{
    font-size:18px;
}

#main #aside .wenda{
    font-size:18px; 
}

#main #aside h1{
    font-size: 20px;
    width: 200px;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
}

#main #aside .nav{
    width: 200px;
    margin: 24px 0 0 0;
}

#main #aside li{
    width: 160px;
    height: 36px;
    line-height: 36px;
    padding-left: 20px;
    margin-left: 10px;
    border-right: 10px solid #353535;    
    color: #e0e0e0;
    cursor: pointer;
}

#main #aside li:hover{
    color: #e6614c;
}

#main #aside .orange{
    font-family:"iconfont" !important;font-style:lighter;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

#main #aside .orange:hover{
    color: #e6614c;
    border-right: 10px solid #e6614c;
}

#main #aside .branch{
    width: 180px;
    height: 36px;
    overflow: hidden;
    padding-left: 0;
    margin-left: 10px;
    border: none;
}

#main #aside .branch li{
    margin-left: 43px;
}

#main #aside .branch .task_list{
    margin: 0;
}

#main #aside .branch_onclick{
    color: #e6614c;
}

#main #aside .task_onclick{
    color: #e6614c;
    border-right: 10px solid #e6614c;
}

#content{
    position: absolute;
    top: 50px;
    left: 200px;
}

#main #header .fea_onclick,#main #header .aside_onclick{
    background-color: #e6614c;
    color: #fff;
    border-color: #e6614c;
}

/*#main #aside .branch{
    width: 180px;
    height: 252px;
    background-color: #3f3f3f;
    padding: 9px 0;
}*/

#main #content .content_left .page_num .page_onclick{
    background-color: #ec563d;
    color: #fff;
}